<template>
    <div class="DataModule">
        <!-- <h2>数据管理模块</h2>
        <p>在本地存储中保存用户登录后的信息。</p>
        <p>使用Mock.js模拟登录请求、获取性别和年级选项数据。</p> -->
        <el-row>
            <el-table
                :data="tableData"
                height="250"
                border
                style="width: 100%">
                <el-table-column
                    prop="username"
                    label="Name"
                    width="auto">
                </el-table-column>
                <el-table-column
                    prop="email"
                    label="Email"
                    width="auto">
                </el-table-column>
                <el-table-column
                    prop="Phone"
                    label="phone"
                    width="auto">
                </el-table-column>
                <el-table-column
                    prop="role"
                    label="Role"
                    width="auto">
                </el-table-column>
            </el-table>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "DataModule",
    data(){
        return{
        }
    }
};
</script>

<style scoped>
    .el-row {
        margin-bottom: 20px;
        padding-left:46px;
        margin-left: 42px;
    }
    .el-col {
        border-radius: 4px;
    }
    .bg-purple-dark {
        background: #99a9bf;
    }
    .bg-purple {
        background: #d3dce6;
    }
    .bg-purple-light {
        background: #e5e9f2;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }
</style>